<!--
 * @Description: 提示页面
 * @Author: wind-lc
 * @version: 1.0
 * @Date: 2021-08-30 17:58:41
 * @LastEditTime: 2021-08-30 18:27:12
 * @FilePath: \cscec-pms-admin\src\components\AlertPage\index.vue
-->
<template>
  <base-breadcrumb class="flexMemberInfo-container breadcrumb-content">
    <div class="alert-page-wrapper">
      <div class="alert-page">
        <a-icon
          type="exclamation-circle"
          class="alert-page-icon"
        />
        <p class="alert-page-text ">
          {{ text }}
        </p>
      </div>
    </div>
  </base-breadcrumb>
</template>
<script>
export default {
  name: 'AlertPage',
  props: {
    text: {
      type: String,
      require: true
    }
  },
  components: {},
  data() {
    return {}
  }
}
</script>
<style lang="less" scoped>
.breadcrumb-content {
  height: 100% !important;
}
.alert-page-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 54px);
  margin-top: -100px;
}
.alert-page {
  background-color: white;
  padding: 80px 50px;
  min-width: 580px;
  max-width: 800px;
  display: flex;
  flex-wrap: nowrap;
  box-shadow: 0 0 10px 0 #ccc;
  border-radius: 5px;
}
.alert-page-icon {
  font-size: 36px;
  margin-right: 20px;
  color: #faad14;
}
.alert-page-text {
  font-size: 16px;
  padding-top: 5px;
}
</style>
